/* Custom Property */
:root{
	--global-color-1:darkblue;
}
/* the styles for the elements */
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
}

a:link {color:deeppink;}
a:visited {color:cornflowerblue;}
a:hover, a:focus {color:green; font-style:italic;}

/* the styles for the header */
header img {float: left;}
header h2{
	font-size: 170%;
	color: rgb(58, 99, 101);
	text-indent:30px;
}
header img{
	width:10em;
	height:8em;
}
header h3{
	font-size: 130%;
	color:blueviolet;
	font-style:italic;
	text-indent:30px;
}
.testing{
	font-size:100%;
	color: #663399;
}
.shadow{
	color: red;
	text-shadow: -2px -2px 4px var(--global-color-1);
}

/* the styles for the main content */
main {
	clear: left;
}
main h1 {
	font-size: 150%;
}
main h2 {
	color: deeppink;
	font-size: 130%;
}
main p{
	font-family:Georgia, 'Times New Roman', Times, serif;
}
main blockquote{
	color:darkslateblue;
	font-family:Georgia, 'Times New Roman', Times, serif;

}
main li{
	font-family:Georgia, 'Times New Roman', Times, serif;
	padding-bottom: .35em;
}
main h3 {
	font-size: 105%;
	color:var(--global-color-1);
}
main img{
	width:10em;
	height:8em;
}

/* the styles for the footer */
footer p{
	font-size:110%;
	color:cadetblue;
	font-family:'Times New Roman', Times, serif;
	text-align:center; 
}